// 获取浏览器地址栏数据
const urlObj = myGetUrlVal();

// 如果 urlObj.id 也就是 调用 id属性 
// 结果 不是 undefined 证明 有 id参数
// 可以查询 账号 密码 
if (urlObj.id !== undefined) {
    // 发送请求 获取 id数据 对应的账号密码
    getNamePwd();
}

// 给 form标签添加 提交事件
$('form').submit(function (e) {
    // 阻止默认事件的执行
    e.preventDefault();

    // 获取 账号密码 数据
    let name = $('[name="name"]').val();
    let pwd = $('[name="pwd"]').val();

    // 应该设定 账号密码的 验证

    // 发送ajax请求 完成登录操作
    login(name, pwd);


    // 阻止一切
    // return false;
})



// 使用 async await 执行 查询账号密码请求
async function getNamePwd() {
    const response = await myPromiseJQueryAjax('../server/goods_select_id.php', 'get', { id: urlObj.id }, 'json');

    console.log(response);

    // 将查询的账号密码写入到input标签的value中
    $('[name="name"]').val(response.name);
    $('[name="pwd"]').val(response.pwd);

}


// 使用 async await 执行 账号密码登录操作
async function login(name, pwd) {
    const response = await myPromiseJQueryAjax('../server/goods_login.php', 'post', { userName: name, userPwd: pwd}, 'json');
    console.log(response);

    // 根据结果 动态渲染生成页面
    if (response.code === 0) {
        // 登录失败 写入提示信息
        $('[name="msg"]').html('您输入的账号密码有误! 登录失败,请重新尝试').css({ color: 'red',fontSize:'20px' });

    } else if (response.code === 1) {
        // 设定 登录成功的 cookie 状态码
        mySetCookie('login', 1, 7 * 24 * 60 * 60 , '/');


        // 登录成功 做 5秒 跳转首页面
        let num = 5;

        $('[name="msg"]').html(`恭喜您 登录成功 ${num}秒后 哪儿来回哪儿去 点击跳转<a href="./index.html">首页面</a>`).css({ color: 'blue',fontSize:'20px' });

        let time = setInterval(function () {
            num--;
            $('[name="msg"]').html(`恭喜您 登录成功 ${num}秒后 哪儿来回哪儿去 点击跳转<a href="./index.html">首页面</a>`).css({ color: 'blue',fontSize:'20px'  });


            if (num === 1) {
                // 清除定时器
                clearInterval(time);

                // 哪儿来的回哪儿去

                window.location.href = window.location.search.substring(5) ;

                // window.history.back();


            }
        }, 1000);
    }
}



/*
  1, 获取浏览器地址栏数据参数
    使用 tools.js 中的 函数 获取浏览器地址栏数据对象

    如果 是 直接 跳转到登录页面 没有 id参数
      获取 浏览器地址栏数据 结果是 空对象 
      调用 id属性 结果是 undefined

    如果 是 注册成功 跳转到登录页面 有 id参数
      获取 浏览器地址栏数据 结果是 包含 id属性的对象 
      调用 id属性 结果是 id数值

    如果 调用 id属性 结果是不是 undefined 
    证明 有 id数据 可以 根据 id数据 查询 账号密码

    向 server/goods_select_id.php 发送请求
      以 get 方式 携带 1个参数 键名是 id
      响应体格式是 json字符串

  2, 给form标签添加提交事件

    阻止 from标签 默认的提交事件的执行
    jQuery中 阻止默认事件执行的方式

      事件对象.stopPropagation();
        阻止 事件的传播

      事件对象.preventDefault();
        阻止 默认事件

      return false ;
        事件的传播 默认事件 之后程序的执行 都阻止

    获取账号密码数据 

    发送ajax请求
      向 server/goods_login.php 发送请求
      以 post 方式 携带 2个 参数 
        userName userPwd
      响应体结果是 json 字符串


    如果登录失败
      弹出提示信息

    如果登录成功
      5秒以后 返回 来时的页面 或者 点击跳转 首页面

        哪儿来的回哪儿去 
          方法1
            window.history.back();
            window.history.go(-1);

              返回 上一个页面的页面 显示内容不会改变 

          方法2
            window.location.href = 来时的地址

              跳转回来时的页面 有 刷新页面的效果
 
 
 
 
*/
